Skip to content

feat(app): add transparent Open in icon toggle#12641

Open
edoedac0 wants to merge 9 commits intoanomalyco:devfrom
edoedac0:feat/transparent-open-icons-toggle
Open

feat(app): add transparent Open in icon toggle#12641
edoedac0 wants to merge 9 commits intoanomalyco:devfrom
edoedac0:feat/transparent-open-icons-toggle

Conversation

@edoedac0
Copy link
Contributor

@edoedac0 edoedac0 commented Feb 7, 2026

Summary

  • add a new Appearance setting to control whether Open in app icons render as transparent logos without the default framed background
  • apply the setting to the session header Open in button and app picker so users can switch between the new transparent look (default on) and the previous framed style
  • update the Cursor app icon asset to better match the transparent design
image image

@github-actions
Copy link
Contributor

github-actions bot commented Feb 7, 2026

Thanks for your contribution!

This PR doesn't have a linked issue. All PRs must reference an existing issue.

Please:

  1. Open an issue describing the bug/feature (if one doesn't exist)
  2. Add Fixes #<number> or Closes #<number> to this PR description

See CONTRIBUTING.md for details.

@github-actions
Copy link
Contributor

github-actions bot commented Feb 7, 2026

The following comment was made by an LLM, it may be inaccurate:

No duplicate PRs found

@edoedac0 edoedac0 force-pushed the feat/transparent-open-icons-toggle branch from 64904d8 to 06b3455 Compare February 7, 2026 23:00
@edoedac0 edoedac0 force-pushed the feat/transparent-open-icons-toggle branch from 02067d4 to dcb145c Compare February 7, 2026 23:08
@adamdotdevin
Copy link
Contributor

@edoedac0 doesnt need to be a setting, we should use this instead of the white bg, but I think we need to make sure every icon looks good on light and dark mode. In your screenshot zed needs to be the dark mode version of their icon. Will need to support two versions for some of these (light and dark).

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 doesnt need to be a setting, we should use this instead of the white bg, but I think we need to make sure every icon looks good on light and dark mode. In your screenshot zed needs to be the dark mode version of their icon. Will need to support two versions for some of these (light and dark).

yeah ur right, i will make a new commit soon with two versions for some icons that need it

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 doesnt need to be a setting, we should use this instead of the white bg, but I think we need to make sure every icon looks good on light and dark mode. In your screenshot zed needs to be the dark mode version of their icon. Will need to support two versions for some of these (light and dark).

Here, I also updated finder icon to the tahoe version for all users with macos tahoe
image
image

@adamdotdevin
Copy link
Contributor

@edoedac0 sorry, last request: let's just use the Tahoe icon always for finder, removes a bunch of complexity

@edoedac0 edoedac0 force-pushed the feat/transparent-open-icons-toggle branch from 632f45f to f5611e3 Compare February 8, 2026 17:51
@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 sorry, last request: let's just use the Tahoe icon always for finder, removes a bunch of complexity

No problem, here it is

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

btw @adamdotdevin what do you think about this pr #12722 ?

@adamdotdevin
Copy link
Contributor

@edoedac0 please remove the setting, we'll just always have transparent icons, please clean all that up and I'll merge

@adamdotdevin
Copy link
Contributor

btw @adamdotdevin what do you think about this pr #12722 ?

Love it

@adamdotdevin
Copy link
Contributor

/oc remove the conditional nature of this improvement, we should always use transparent images, please remove the changes to settings, locale changes, etc, clean it all up

Co-authored-by: adamdotdevin <adamdotdevin@users.noreply.github.com>
@opencode-agent
Copy link
Contributor

opencode-agent bot commented Feb 8, 2026

All changes have been applied successfully. Let me provide a summary of what was cleaned up:

Summary

Removed the conditional "transparent app icons" setting and made transparent images the default behavior:

  1. packages/app/src/context/settings.tsx: Removed transparentAppIcons from the Settings interface, default settings, and the settings context provider.

  2. packages/app/src/components/settings-general.tsx: Removed the toggle switch UI for the transparent app icons setting.

  3. packages/app/src/i18n/en.ts: Removed the locale strings for the transparent app icons setting title and description.

  4. packages/app/src/components/session/session-header.tsx:

    • Removed the useSettings import
    • Removed the settings variable
    • Removed the appIconStyle computed memo
    • Removed the style={appIconStyle()} prop from both AppIcon usages
  5. packages/ui/src/components/app-icon.css: Removed the padding, border-radius, background, and border styles that created the framed appearance. Now app icons display transparently by default.

New%20session%20-%202026-02-08T20%3A39%3A23.201Z
opencode session  |  github run

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 please remove the setting, we'll just always have transparent icons, please clean all that up and I'll merge

Sorry I wasn't on pc, my bad I forgot to push that. Do I still need to or the bot took care of it?

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

btw @adamdotdevin what do you think about this pr #12722 ?

Love it

Greatt, is it good for merging?

@adamdotdevin
Copy link
Contributor

@edoedac0 please remove the setting, we'll just always have transparent icons, please clean all that up and I'll merge

Sorry I wasn't on pc, my bad I forgot to push that. Do I still need to or the bot took care of it?

Could you test and make sure it still looks good? Also, I think it touched the English locale file still, could you remove that change?

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 please remove the setting, we'll just always have transparent icons, please clean all that up and I'll merge

Sorry I wasn't on pc, my bad I forgot to push that. Do I still need to or the bot took care of it?

Could you test and make sure it still looks good? Also, I think it touched the English locale file still, could you remove that change?

yeah

@edoedac0
Copy link
Contributor Author

edoedac0 commented Feb 8, 2026

@edoedac0 please remove the setting, we'll just always have transparent icons, please clean all that up and I'll merge

Sorry I wasn't on pc, my bad I forgot to push that. Do I still need to or the bot took care of it?

Could you test and make sure it still looks good? Also, I think it touched the English locale file still, could you remove that change?

everything looks good on my end, for the english file it just removed:

  • settings.general.row.transparentAppIcons.title
  • settings.general.row.transparentAppIcons.description

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants